<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <link rel="stylesheet" type="text/css" href="../plugin/bootstrap/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/speciallyCarInformation.css" />
    <script src="../common/js/system.js" type="text/javascript"></script>
    <script src="../plugin/jquery/jquery.min.js"></script>
    <script src="../plugin/bootstrap/bootstrap.min.js" type="text/javascript"></script> 
    <script src="js/speciallyCarInformation.js" type="text/javascript"></script>
    <link rel="stylesheet" href="css/sweet-alert.css" />
    <script src="js/sweet-alert.js"></script>  
    <!-- 弹框插件 -->
    <link rel="stylesheet" type="text/css" href="css/mobiscroll.2.13.2.css">
      <!-- <link rel="stylesheet" href="../plugin/ionicon/css/ionicons.min.css" /> -->
    <script type="text/javascript" src="js/mobiscroll.2.13.2.js"></script>
    <script src="../plugin/juicer/juicer-min.js" type="text/javascript"></script>  
    <!-- <script src="js/pluginTitle.js" type="text/javascript"></script> -->
    <script src="js/common.js"type="text/javascript"></script>
    <title>专车车辆信息</title>
</head>
<body>
<!-- <header>
      <span class="span1 speciallyIcon1"><i class="icon ion-ios7-arrow-left head-back-i"></i></span>
      <span class="span2 speciallyIcon2"><i class="icon ion-ios7-close-empty head-close-i"></i></span>
      <h2 class="text-center">专车车辆信息</h2>
</header> -->
<div class="top_wz">
    <p>请填写个人资料,以使我们了解您的情况</p>
</div>
<form class="form-horizontal" role="form">
  <div class="form-group">
    <label  class="col-xs-3 control-label">车牌号</label>
    <div class="col-xs-3 control-label carNum" onClick="mtTest()" >
      <span class="carNumber">京</span><span>▼</span>
    </div>
    <div class="col-xs-6">
      <input type="text" class="form-control car_number" maxlength="6" placeholder="请输入车牌号">
    </div>
  </div>
  <div class="form-group">
    <label  class="col-xs-6 control-label">车辆品牌</label>
    <div class="col-xs-6" style="overflow:hidden;">
      <select id="names" class="demo-test-select-opt" data-role="none">

       <script type="text/template" id="tpl">
            {@each responseBody as it}
                <optgroup label="${it.brandName}"> 
                    {@each it.vehicleModelList as item,index}
                        <option value="${item.modelId}" data-name="${item.modelName}">${item.modelName}</option>
                    {@/each}
                </optgroup>
            {@/each}
       
       </script> 

      </select>

    </div>
  </div>

  <div class="form-group">
    <label  class="col-xs-6 control-label">车辆颜色</label>
    <div class="col-xs-6">
      <input type="text" class="form-control color_btn "  onClick="mtTest1()" onfocus="this.blur();" readonly="readonly" placeholder="请选择车辆颜色">
    </div>
  </div>

  <div class="form-group">
    <label  class="col-xs-6 control-label">车辆注册日期</label>
    <div class="col-xs-6 jszDate_z" >
      <input type="text" class="form-control jszDate" onfocus="this.blur();" readonly="readonly" id="appDate" placeholder="请按照信息选择">
    </div>
  </div>

  <div class="form-group">
    <label  class="col-xs-6 control-label">车架号</label>
    <div class="col-xs-6">
      <input type="text" class="form-control car_Jnumb "  maxlength="17" placeholder="请输入车架号">
    </div>
  </div>
  <div class="form-group">
    <label  class="col-xs-6 control-label">车辆所有人</label>
    <div class="col-xs-6">
      <input type="text" class="form-control car_owner" maxlength="8" placeholder="请输入车辆所有人">
    </div>
  </div>
</form>

<div class="form-group carBtnZ">
    <div class="col-sm-offset-2 col-sm-10">
      <button class="btn btn-default carBtn" disabled="disabled" style="background-color:gray;color:#FFFFFF">下一步</button>
    </div>
</div>

<!-- 模态框 工作城市 -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">请选择车牌号</h4>
      </div>
      <div class="modal-body">
        <span class="provinceName">京</span>
        <span class="provinceName">津</span>
        <span class="provinceName">冀</span>
        <span class="provinceName">晋</span>
        <span class="provinceName">蒙</span>
        <span class="provinceName">辽</span>
        <span class="provinceName">吉</span>
        <span class="provinceName">黑</span>
        <span class="provinceName">沪</span>
        <span class="provinceName">苏</span>
        <span class="provinceName">浙</span>
        <span class="provinceName">皖</span>
        <span class="provinceName">闽</span>
        <span class="provinceName">赣</span>
        <span class="provinceName">鲁</span>
        <span class="provinceName">豫</span>
        <span class="provinceName">湘</span>
        <span class="provinceName">鄂</span>
        <span class="provinceName">粤</span>
        <span class="provinceName">桂</span>
        <span class="provinceName">琼</span>
        <span class="provinceName">渝</span>
        <span class="provinceName">川</span>
        <span class="provinceName">黔</span>
        <span class="provinceName">云</span>
        <span class="provinceName">藏</span>
        <span class="provinceName">陕</span>
        <span class="provinceName">甘</span>
        <span class="provinceName">青</span>
        <span class="provinceName">宁</span>
        <span class="provinceName">新</span>
        <span class="provinceName">港</span>
        <span class="provinceName">澳</span>
        <span class="provinceName">台</span>
      </div>
    </div>
  </div>
</div> 
 

<!-- 模态框 颜色 -->
<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">请选择车辆颜色</h4>
      </div>
      <div class="modal-body modal-carColor">
        <li class="color_list">白色</li>
        <li class="color_list">棕色</li>
        <li class="color_list">红色</li>
        <li class="color_list">黑色</li>
        <li class="color_list">银色</li>
        <li class="color_list">蓝色</li>
        <li class="color_list">绿色</li>
        <li class="color_list">黄色</li>
        <li class="color_list">金色</li>
        <li class="color_list">紫色</li>
        <li class="color_list">其他</li>
      </div>
    </div>
  </div>
</div>  


 
</body>
</html>